/* @media screen and (min-width:0\0) */

@charset'utf-8';
@import'../../open_scss/theme';
@import'../../open_scss/color';
@import'../../open_scss/model';
.mainbox {
    width: 100%;
    padding-bottom: 4.5rem;
    @include breakLine;
    overflow: hidden;
    /* user */
}
.L-input {
    margin-bottom: 40px;
    inputPlaceholder {
        top: -2px;
        font-size: 14px;
    }
    input:focus, input.focus {
        outline: none;
        box-shadow: none;
        + inputPlaceholder {
            color: $black;
            font-size: 16px !important;
            font-weight: 300;
            top: -22px;
            -webkit-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
            -moz-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
            -o-transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
            transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
        }
    }
    input:not(:focus):valid + inputPlaceholder {
        color: #808080;
        font-size: 14px !important;
        font-weight: 300;
        top: -22px;
        transition: all 450ms cubic-bezier(0.23, 1, 0.32, 1) 0ms;
    }
}
